<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">

    <title th:text="${isSuccess}"></title>

    <link type="text/css" rel="stylesheet" href="../static/lr/bootstrap-4.1.0/css/bootstrap.min.css"
          th:href="@{/static/lr/bootstrap-4.1.0/css/bootstrap.min.css}">
    <link type="text/css" rel="stylesheet" href="../static/lr/css/common.css"
          th:href="@{/static/lr/css/common.css}">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="../static/lr/jquery/jquery-1.11.2.min.js"
            th:src="@{/static/lr/jquery/jquery-1.11.2.min.js}"></script>
    <script type="text/javascript" src="../static/lr/bootstrap-4.1.0/js/bootstrap.min.js"
            th:src="@{/static/lr/bootstrap-4.1.0/js/bootstrap.min.js}"></script>
</head>

<body>
<h3 th:text="${isSuccess}" style="margin-left: 40%"></h3>

<div class="container" th:if="${originBase64} eq true">
    <div class="form-group">
        <label>图片Base64：</label>
        <div class="input-group">
            <textarea name="jsonContent"
                      th:text="${base64}" class="form-control md5-textarea"></textarea>
        </div>
    </div>
</div>

<div class="container">
    <div class="form-group">
        <label th:if="${viewFilePath}!=null">下载路径：</label>
        <form method="POST" action="/lr/downLoad" enctype="multipart/form-data">
            <div class="input-group" style="margin-top: 30px" th:if="${viewFilePath}!=null">
                <input name="filename" type="text" readonly="readonly" class="form-control" th:value="${viewFilePath}"/>
            </div>
            <div class="input-group" style="margin-top: 30px" th:if="${viewFilePath}!=null">
                <button class="btn btn-md btn-primary btn-block" style="width: auto;" type="submit">
                    下载转换后的文件
                </button>
            </div>
        </form>
        <div class="input-group" style="margin-top: 30px">
            <a href="/">
                <button class="btn btn-md btn-primary btn-block" type="button">转换Word/PDF/生成Base64</button>
            </a>
        </div>
    </div>
</div>


<style>
    .modal-dialog {
        max-width: 1000px;
    }
</style>
<!-- /container -->
</body>
<script>
    $(document).ready(function () {
        $('[data-toggle="popover"]').popover();
    });
</script>
</html>
